<template>
  <v-app id="inspire">
    <v-content>
      <v-container fluid>

<!--    <map-loader-->
<!--      :map-config="mapConfig"-->
<!--      apiKey="AIzaSyA6ggZEYohsCTUjSjDkKDRvwnL1Nr6yQ_A"-->
<!--    >-->
<!--      <template v-for="marker in markers">-->
<!--        <child-marker :position="marker" />-->
<!--      </template>-->
<!--    </map-loader>-->
      </v-container>
    </v-content>
  </v-app>
</template>

<script>
// import MapLoader from "./MapLoader.vue"
// import ChildMarker from './ChildMarker'

export default {
  props: {
    markers: Array
  },
  data () {
    return {
      // 将 mapConfig 传入子组件 MapLoader
      mapConfig: {
        zoom: 12,
        center: this.markers[0]
      }
    }
  },
  components: {
    // MapLoader,
    // ChildMarker
  }
}
</script>
